Стили издания «Педагогическая мифология»

<h2 class="author"> = имя автора статьи (в полиграфической версии для случая, когда автор - не В.Ланцберг)</h2>

<h1 class="title"> = заголовок статьи</h1>

<h2 class="subtitle1"> = подзаголовок 1</h2>

<h3 class="subtitle2"> = подзаголовок 2</h3>

<h4 class="subtitle3"> = подзаголовок 3</h4>

<p class="epi2">Эпиграф - предпочтительный вариант, выравнивание влево с отступом.</p>

<p class="epi"> = эпиграф выравнивание вправо</p>

Буквица — предпочтительный вариант. Декор не отображается в «старых» броузерах, но текст читается нормально. Пишем так: <p class="bukv">Текст параграфа с буквицей.</p>

Буквица — вариант с учетом возможностей «старых» броузеров — IE5 из под W98 и т.п.

<p><span class="bukv">П</span>ервая буква. И весь остальной текст.</p>

<h2 class="chart"> = название главы внутри статьи</h2>

<h3 class="chart1"> = название главы внутри главы </h3>

<p>Основной текст по умолчанию (<p> без класса в хтмле, он же <body text> для полиграфической версии). Обратите внимание, что каждому открывающему тегу должен обязательно соответствовать закрывающий: </p>

<p>Основной текст по умолчанию, а в нем ссылка <a href="#1" name="a1" class="comm">*</a> на примечание в конце страницы.</p>

Обычная ссылка без стилей: <a href="https://www.altruism.ru">www.altruism.ru</a>.

Обычный ненумерованный список:

<ul>

<li>Первый пункт списка</li>
<li>Второй пункт списка</li>
<li>И т.д.</li>

</ul>

Список без меток:

<li>Первый пункт списка</li>
<li>Второй пункт списка</li>
<li>И т.д.</li>

</ul>

Нумерованный список:

<ol>

<li>Первый пункт списка</li>
<li>Второй пункт списка</li>
<li>И т.д.</li>

</ol>

<p class="dialog"> = диалог</p>

<p class="date"> = дата публикации или создания.</p>

<p class="strofa"> </p> = отбивка между строфами стиха или между абзацами, где автор вставил пустой абзац.

<p class="stih"> = стихотворение, точнее одна его строфа; между строками — принудительный перевод строки <br />. Например:</p>

<p class="stih">
Бывает: «А вдруг не дожить до утра,<br />
вдруг утро пройдет стороной?»<br />
Но если сухая заждалась кора,<br />
достаточно спички одной.
</p>

<p class="stih">
И пляшет в ногах твой осколок зари,<br />
взлетая и дымом пьяня.<br />
Но рядом с другой эта щепка горит,<br />
а вынь-ка ее из огня !
</p>

<div class="imgname"> = Блок, которым оформляется рисунок.</div>

Пример:

<div class="imgname">
<img src="https://адрес_картинки" width="ширина_картинки" height="высота_картинки" alt="Текст, который выводится, если картинка не загрузилась" />
<p class="imgname">Подпись к картинке.</p>
</div>

Как это будет выглядеть:

Подпись к рисунку.

<p class="signature"> = подпись или комментарий под статьей, например, источник публикации*, ссылка на примечание в конце книги</p>

<p class="comment"> = комментарии (как правило, не автора)</p>

<p class="note"><a name="1" href="#a1" class="note">1.</a> = примечания в конце страницы</p>

<p class="noteend"><a name="e2" href="#ae2" class="note">1.</a> = примечания в конце книги (тома).</p>

Оформление библиографии:

<p class="biblio"><a name="b1" class="note" href="javascript:history.back(1)">1.</a> Абрамова Г.С. Возрастная психология. — М.: Academia, 1998.</p>

<p class="biblio"><a name="b2" class="note" href="javascript:history.back(1)">2.</a> Возрастная и педагогическая психология. // Под ред. М.В.Гамезо — М.: Просвещение, 1984.</p>

<p class="biblio"><a name="b3" class="note" href="javascript:history.back(1)">3.</a> Выготский Л.С. Собрание сочинений: В 6 т. — Т.4. // Детская психология. — М.: Педагогика, 1984.</p>

Вот как это будет выглядеть:

1. Абрамова Г.С. Возрастная психология. — М.: Academia, 1998.

2. Возрастная и педагогическая психология. // Под ред. М.В.Гамезо — М.: Просвещение, 1984.

3. Выготский Л.С. Собрание сочинений: В 6 т. — Т.4. // Детская психология. — М.: Педагогика, 1984.

Пара слов о типографике.

В тексте могут встречаться специальные символы, которые просто так с клавиатуры не наберешь. Для них в HTML предусмотрены следующие обозначения:

Неразрывный пробел:  . На экране не отображается. Используется в случаях, когда нужно напечатать несколько пробелов подряд, или когда нежелателен перенос текста на другую строку. Пример: 2002 г.
Длинное тире. Выглядит так: —. Пишется так: — или . Желательно (кроме тех случаев, когда с тире начинается следующая строка) ставить перед ним вместо обычного пробела неразрывный:  —.
Кавычки-«ёлочки». Пишутся так: «Текст в кавычках».
Кавычки-“лапки”. Используются, когда нужно вставить одни кавычки внутри других, чтобы избежать вложенных кавычек. Пишутся так: “Текст в кавычках-лапках”.
Внутри тегов вышеназванные кавычки недопустимы! Можно использовать только обычные "двойные" или 'одинарные'. Пример: <a class='note' name="n22"></a>. В тексте же материалов, наоборот, очень желательно использовать «типографские» кавычки.
Принудительный перевод строки. На экране не отображается. Используется, например, при верстке стихов или диалогов, когда нужно начать текст с новой строчки, не используя при этом параграф. Пишется так: <br />.
Жирное или наклонное начертание текста. Пишется так: <b>жирный текст</b>, <i>наклонный текст</i>, <b><i>и жирный, и наклонный одновременно</i></b>.

Это далеко не все «непечатные» символы, если понадобятся какие-то не упомянутые здесь — можно посмотреть, например, тут.

Vetka 17.01.2006

Внимание, новые стили!

25 января добавлены стили для оформления стихов, предложенные Сергеем Бобриковым: stihtitle — для заголовка стихов, stihepi — для епиграфа к стихам и stihdate — для даты стихотворения. Использовать так:

<h6 class="stihtitle">Я оставлю тебе…</h6>

<p class="stihepi">
Ровесникам, погибшим в первые дни войны, посвящается.
</p>

<p class="stihepi">
«Я всё равно паду на той,<br />
На той единственной Гражданской,<br />
И комиссары в пыльных шлемах<br />
Склонятся молча надо мной…»
</p>

<p class="stihepi">
Булат Окуджава «Сентиментальный марш»
</p>

<p class="stih">
Я оставлю тебе эхо лестницы, шорох перил,<br />
свой звонок в коридоре, несмелый, смешной и короткий,<br />
полутемный подъезд, что впервые нам дверь отворил,<br />
и стихи о любви на клочке папиросной коробки.
</p>

<p class="stih">
Я оставлю тебе листопад, листопад, листопад,<br />
запах майских ночей и помятый в пути треугольник.<br />
Может, вспомнишь тот взгляд и ответы мои невпопад<br />
и, с чего — не поймёшь, станет грустно и чуточку больно.
</p>

<p class="stih">
И вернутся на миг эхо лестницы, шорох перил,<br />
мой звонок в коридоре, несмелый, смешной и короткий…<br />
Может, вспомнишь слова, что, прощаясь, тебе говорил<br />
рыжий парень в зеленой, нелепо торчащей пилотке..
</p>

Стили для оглавления раздела сайта

Здесь используются следующие стили: заголовки разделов <h2></h2>, в которых обычно находятся ссылки на соответствующий раздел; подзаголовки <h3 class="subtit"></h3>; основной список с собственно оглавлением <ul class="main"></ul>; пункты списка, они же пункты оглавления <li></li>; внутри этих пунктов — заголовок статьи <p class="article"></p> со ссылкой на саму статью (для ссылки отдельного стиля нет); внутри параграфа с заголовком — автор статьи <span class="auth"></span> (для тех случаев, когда автор — не В. Ланцберг); источник статьи <p class="sour"></p> со ссылкой; комментарий <p class="comm"></p> и аннотация <p class="annot"></p>.

Выглядит это примерно так:

<h2><a href="https://altruism.ru/sengine.cgi/12/11">Школа, которая мне снится</a></h2>

<h3 class="subtit">Школа</h3>

<li>
<p class="article"><a href="https://altruism.ru/sengine.cgi/12/11/1">Учиться! Учиться? Учиться...</a></p>

<p class="sour">Сайт <a href="https://altruism.ru/sengine.cgi/5/9/8">«Технология альтруизма»</a>. Впервые опубликовано в <a href="https://old.russ.ru/ist_sovr/sumerki/20020228.html">«Русском журнале»</a>, но там разбито на три статьи и вообще варианты «РЖ» и «ТА» чуть отличаются.</p>
</li>
<li>
<p class="article"><a href="https://altruism.ru/sengine.cgi/12/12/6">Тезисы к семинару по педагогике и социопсихологии</a></p>

<p class="comm">Семинар прошел в Екатеринбурге в апреле 2002 года.</p>

<p class="sour">Сайт <a href="https://altruism.ru/sengine.cgi/5/9/11">«Технология альтруизма».</a></p>

</li>
<li>
<p class="article"><span class="auth">Виктор и Мария Партолога</span> <a href="https://altruism.ru/sengine.cgi/12/15/1">Для чего к кострам уходят люди?</a></p>

<p class="sour">Сайт <a href="https://altruism.ru/sengine.cgi/5/15/7/2">«Технология альтруизма»</a></p>

<p class="annot">Здесь будет размещаться аннотиция к статье. Короткая. Или не очень короткая. Или даже очень не короткая — как получится.</p>

</li>

</ul>

Vetka 10.02.2006

Текучка

В конце концов, литредактор и\или корректор может завести новый стиль если ему надо вставить его в текст (поначалу он не будет отреагирован) и сообщить нам, а мы пропишем ему типографику.
Общаться лучше всего через гостевую книгу под каждой страницей. По поводу стилей - под этой. Кроме того, что всем видно, сообщения из гостевой дублируются на е-майл редакторам, работающим над каждым материалом.
С текстом « О потоках в авторской песне» у нас первый (но не последний) «сюрприз» от начальства: после того, как мы его обработали, нам прислали другую версию, в Ворде. Боле поздняя авторская редакция, но сильно отличается. Придется верстать заново. Но уже с новыми стилями. Вот она здесь, последняя версия «О потоках в авторской песне».
Приветствуем нового редактора — Сергея Бобрикова! Он подписан на рассылку.

Misha 15.01.2006